<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./register.css">
    <script src="./js/jq.js"></script>
</head>

<body>
    <div class="wrap">
        <!-- 顶部 -->
        <div class="head">

            <img src="./img/logonew.png" alt="" class="logo">

            <a href="#">
                首页
            </a>
            <a href="#">
                酷玩
            </a>
            <a href="#">
                导购
            </a>
            <a href="#">
                报告
            </a>

            <button class="zhuce">
                注册
            </button>

            <img src="./css/img/search.png" alt="" class="search">



        </div>
        <!-- 注册 -->
        <div class="register">
            <form class="box">
                <div class="tittle">
                    注册极果
                </div>

                <input type="text" placeholder="请输入登陆手机号" class="input1" id="phone">
                <input type="text" placeholder="请输入图片校验码" class="input2" id="jiaoyan" value="r2b7">
                <input type="text" placeholder="请输入用户名" class="input1" id="username">
                <input type="password" placeholder="请输入新密码" class="input1" id="pwd">

                <button type="button" class="zhuce">
                    立即注册
                </button>
            </form>
        </div>
        <!-- 底部 -->
        <div class="foot">
            <div class="footer">
                <div class="erweima">
                    <img src="./img/code.png" alt="">
                </div>

                <div class="jiguo">
                    <img src="./img/logoImg.jpg" alt="">
                    <p>
                        全球酷玩试用导购平台酷·新奇·好玩·品质
                    </p>

                    <p>
                        微信添加"JguoJguo"
                        <span>
                            获取我们的服务。
                        </span>
                    </p>
                </div>

                <div>
                    <dl>
                        <dt>
                            免费试用
                        </dt>
                        <dd>
                            试用流程
                        </dd>
                        <dd>
                            如何提高成功率
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            友情链接
                        </dt>
                        <dd>
                            智东西
                            <span>
                                WEIBUSI
                            </span>
                        </dd>
                        <dd>
                            搜狐IT <span>
                                腾讯科技
                            </span>
                        </dd>
                        <dd>
                            搜狐数码 <span>
                                凤凰科技
                            </span>
                        </dd>
                        <dd>
                            凤凰数码 <span>
                                PConline
                            </span>
                        </dd>
                        <dd>
                            泡泡网 <span>
                                3W咖啡
                            </span>
                        </dd>
                        <dd>
                            ZUK社区 <span>
                                亿觅emie
                            </span>
                        </dd>
                        <dd>
                            极客公园 <span>易迅易启玩</span>
                        </dd>
                        <dd>
                            果库
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            购买攻略
                        </dt>
                        <dd>
                            美亚海淘教程
                        </dd>
                        <dd>
                            日亚海淘教程
                        </dd>
                        <dd>
                            海淘转运攻略
                        </dd>
                        <dd>
                            kickstarter 众筹购买攻略
                        </dd>
                        <dd>
                            indiegogo 众筹购买攻略
                        </dd>


                    </dl>

                    <dl>
                        <dt>
                            厂商合作
                        </dt>
                        <dd>
                            关于极果
                        </dd>
                        <dd>
                            联系我们
                        </dd>
                        <dd>
                            商务合作：BD@jiguo.com
                        </dd>
                        <dd>
                            CEO邮箱：CEO@jiguo.com
                        </dd>



                    </dl>
                </div>

                <div class="last">
                    ©2016 极果版权所有
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function () {

            $('.zhuce').click(function () {
                var info = {
                    phone: $('#phone').val(),
                    jiaoyan: $('#jiaoyan').val(),
                    username: $('#username').val(),
                    password: $('#pwd').val(),
                }

                $.ajax({
                    url: 'http://localhost:3000/users/register',
                    type: 'post',
                    data: info,
                    success(res) {
                        console.log(res);
                    }
                })
            })
        })
    </script>
</body>

</html>